<template>
  <div class="page flex-col">
    <div class="main1 flex-col">
      <div class="layer1 flex-col">
        <div class="box1 flex-col"><span class="word1">活动规则</span></div>
        <img
          class="img1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8043d6dbfac68df8a4974806a48086ad9defe7211279b635ebf43567e7c2c65e"
        />
        <span class="txt1">获得更多抽奖机会</span>
        <div class="box2 flex-row">
          <div class="main2 flex-col">
            <div class="bd1 flex-col">
              <span class="info1">早间登录</span>
              <span class="info2">0:00至10:00</span>
              <span class="info3">获得1次抽奖机会</span>
              <div class="outer1 flex-col">
                <span class="word2">已过期</span>
              </div>
            </div>
          </div>
          <div class="main3 flex-col">
            <div class="box3 flex-col">
              <span class="info4">午间登录</span>
              <span class="info5">10:00至16:00</span>
              <span class="txt2">获得1次抽奖机会</span>
              <div class="wrap1 flex-col">
                <div class="mod1 flex-row">
                  <img
                    class="icon1"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb973a5acdfff0b46f51acf1a94d442453e5518524b143b54210f7b42b6d36bf5"
                  />
                  <span class="info6">已领取</span>
                </div>
              </div>
            </div>
          </div>
          <div class="main4 flex-col">
            <div class="outer2 flex-col">
              <span class="txt3">晚间登录</span>
              <span class="txt4">16:00至24:00</span>
              <span class="txt5">获得1次抽奖机会</span>
              <button class="main5 flex-col" @click="onClick_1">
                <span class="info7">待登录</span>
              </button>
            </div>
          </div>
        </div>
        <div class="box4 flex-col">
          <div class="bd2 flex-col">
            <div class="mod2 flex-col">
              <span class="word3">今日学习时长</span>
              <span class="info8">每日在e学堂学习10分钟，获得1次抽奖机会</span>
              <img
                class="pic1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0f682061e486d18df26acfa17a462b7c246f1c533df05f802966eaad09073614"
              />
              <div class="group1 flex-row">
                <span class="txt6">1分钟</span>
                <span class="txt7">10分钟</span>
              </div>
              <button class="group2 flex-col" @click="onClick_2">
                <span class="word4">去学习</span>
              </button>
            </div>
          </div>
        </div>
        <div class="box5 flex-col">
          <div class="outer3 flex-col">
            <div class="layer2 flex-col">
              <span class="txt8">今日新增瑞管家托管客户</span>
              <span class="info9">
                当日每新增1位瑞管家托管客户，获得1次抽奖机会
              </span>
              <div class="box6 flex-row">
                <div class="bd3 flex-col">
                  <span class="info10">+2</span>
                  <span class="word5">新增托管客户</span>
                </div>
                <div class="bd4 flex-col"></div>
                <div class="bd5 flex-col">
                  <span class="txt9">2</span>
                  <span class="txt10">获得抽奖次数</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="box7 flex-col">
          <div class="main6 flex-col">
            <div class="box8 flex-col">
              <span class="info11">今日代理人出单</span>
              <span class="word6">内容待定内容待定内容待定</span>
              <div class="group3 flex-row">
                <div class="main7 flex-col">
                  <span class="info12">+2</span>
                  <span class="word7">出单数量</span>
                </div>
                <div class="main8 flex-col"></div>
                <div class="main9 flex-col">
                  <span class="word8">2</span>
                  <span class="info13">获得抽奖次数</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layer3 flex-col"></div>
      <div class="layer4 flex-col">
        <img
          class="icon2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc56ba742221c00e1425184a526a7a8cfee0aa599250fb8aa39c27ed265df6628"
        />
      </div>
      <div class="layer5 flex-col"><div class="section1 flex-col"></div></div>
      <div class="layer6 flex-col"><div class="main10 flex-col"></div></div>
      <div class="layer7 flex-col">
        <img
          class="pic2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng95f44fd1d0df1b5ff89c1a456085139a73f8eaacbf3703b980f214792a9bef9e"
        />
        <div class="mod3 flex-col">
          <img
            class="pic3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcb32c337b8d1893e47411b159301ad9f313658bd4fd7a602659e0a1c7c408633"
          />
        </div>
        <img
          class="img2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaa17a5cb123b97947c29ddf6ad500a61abd402ef890147e5f9fed4eb869b2b56"
        />
        <img
          class="pic4"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng303030e7c847a4b02780edae519b1acc7828c830e0fa6b6c3a2cb6cc7a816060"
        />
        <img
          class="img3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf97ccb443c0c80aa66919e944dd371a0cc7a8c0a9dd7f88ba883306c80d66ae6"
        />
      </div>
      <img
        class="pic5"
        referrerpolicy="no-referrer"
        src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng544b60d69b25c36bfcadfb8e9a813220f4799c198a5236e62b110a1c0db2d910"
      />
      <div class="layer8 flex-col"><div class="wrap2 flex-col"></div></div>
      <div class="layer9 flex-col">
        <img
          class="img4"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng007a270d52e9c477f4962c6ce23dae18091e19031be678969d03f9d9c7eaf11c"
        />
      </div>
      <div class="layer10 flex-col">
        <img
          class="label1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4c570e177bf61a13fe53d6ef1ee07c5cbc4ebfb68092b8dbb29cd52d7300a5fe"
        />
      </div>
      <span class="info14">活动时间:2020.12.31-2021.02.30</span>
      <div class="layer11 flex-col"></div>
      <div class="layer12 flex-col"></div>
      <div class="layer13 flex-col">
        <span class="word9">恭喜河南张*获得XXXXXX”</span>
      </div>
      <div class="layer14 flex-col"><div class="bd6 flex-col"></div></div>
      <div class="layer15 flex-col">
        <div class="outer4 flex-row">
          <img
            class="icon3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng90a50d9fcf91a87dbe1a12b335103946d9325e98cb89e8de81cd56f323844390"
          />
          <img
            class="label2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcfe7cc0efb7f6a0c7f90f3e7210a0ded74ee0932469bc37462d81fb93e988e04"
          />
          <img
            class="img5"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf8e188d105a8b8541a901c46568758ae319eb6348743980c1dc51a5ddd453154"
          />
          <img
            class="label3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc643798747bfcb96f6bfd0b47e3d5b361eb4aa7a23c19e3d445a80dce961997f"
          />
        </div>
        <div class="outer5 flex-row">
          <img
            class="img6"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb09bc3c7a19bb39fbee0aa7d7b7ca6d316ed5c0c544c77c43c46de7ae8828bd9"
          />
          <img
            class="icon4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4ff1fe8e18bac791a30e68abc4f18277a4fd9ccd68978a5cc6c3744e3a437b19"
          />
        </div>
        <div class="outer6 flex-row">
          <img
            class="icon5"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5941f93e9c53efe942842a55e0fa85e80d0bcfc78ecba59910177fbefc78e836"
          />
          <img
            class="icon6"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5941f93e9c53efe942842a55e0fa85e80d0bcfc78ecba59910177fbefc78e836"
          />
        </div>
        <div class="outer7 flex-row">
          <img
            class="label4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng637a8b77859c16eb333f12c3b26893091682c6b01c5aaaa60873a669701a0381"
          />
        </div>
        <div class="outer8 flex-row">
          <img
            class="img7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng66a37bcfdcacba73868f73e61804bb02492cc316619705a6186ad4c35033d318"
          />
          <img
            class="label5"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7c1c027793a63a92aa78f59c0f884d2bf1db81b5814fef8b52b0ae8e9c17ae9f"
          />
        </div>
        <div class="outer9 flex-row">
          <img
            class="icon7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng68d72fcc66b81f1e89fef392db529905fd29ec1591fffd227e495efb4158c86c"
          />
        </div>
        <img
          class="label6"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfdfaec3aae16c377686d4e01e83ae11ee1863d1157acff7175abc9be2442263f"
        />
      </div>
      <div class="layer16 flex-col">
        <img
          class="pic6"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5cdbdaca2c07a96a5682ab5bbdd7a75881635623251c5161b5a842121c353a30"
        />
      </div>
      <div class="layer17 flex-col">
        <img
          class="img8"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngadd11b643ba167448fb73727895fdc655c427706be34df6595edfbfc689bb696"
        />
      </div>
    </div>
    <div class="main11 flex-col">
      <div class="layer18 flex-row"><div class="section2 flex-col"></div></div>
      <div class="layer19 flex-row">
        <div class="bd7 flex-col"></div>
        <div class="bd8 flex-col">
          <div class="group4 flex-row">
            <div class="bd9 flex-col">
              <div class="block1 flex-col">
                <div class="box9 flex-col">
                  <div class="group5 flex-col">
                    <div class="block2 flex-col">
                      <img
                        class="img9"
                        referrerpolicy="no-referrer"
                        src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb41b084adffd7149f42a27625bb9a5a8e902d4bb07874f38ddb667c572a8bbfe"
                      />
                    </div>
                  </div>
                  <div class="group6 flex-col"></div>
                  <span class="word10">大嘴猴保温杯</span>
                </div>
              </div>
              <div class="block3 flex-col">
                <div class="box10 flex-col">
                  <div class="group7 flex-col"></div>
                  <span class="word11">再来一次</span>
                </div>
              </div>
            </div>
            <div class="bd10 flex-col">
              <div class="block4 flex-col">
                <div class="section3 flex-col">
                  <div class="box11 flex-col">
                    <img
                      class="img10"
                      referrerpolicy="no-referrer"
                      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf8feae3979e7e5aecaa900e0b4a1985306c18fe5a289ebf8bac570ff4a3a6a82"
                    />
                  </div>
                  <div class="box12 flex-col"></div>
                  <span class="word12">小米智能音箱</span>
                </div>
              </div>
              <div class="block5 flex-col"></div>
            </div>
            <div class="bd11 flex-col">
              <div class="bd12 flex-col">
                <div class="section4 flex-col">
                  <div class="layer20 flex-col"></div>
                  <span class="word13">赠险1份</span>
                </div>
              </div>
              <div class="bd13 flex-col">
                <div class="outer10 flex-col">
                  <div class="bd14 flex-col"></div>
                  <span class="info15">中石化油卡</span>
                </div>
              </div>
            </div>
          </div>
          <div class="group8 flex-col">
            <div class="main12 flex-col">
              <span class="info16">开始抽奖</span>
              <span class="txt11">剩余1次机会</span>
            </div>
          </div>
          <div class="group9 flex-col">
            <div class="main13 flex-col">
              <div class="box13 flex-col">
                <img
                  class="pic7"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0f00e6658e763aef55d0fa0eb137705097eb9aaf91455794e4ad04cc9aa12950"
                />
              </div>
              <div class="box14 flex-col"></div>
              <span class="word14">电话医生x1</span>
            </div>
          </div>
          <div class="group10 flex-col">
            <div class="layer21 flex-col">
              <div class="outer11 flex-col"></div>
              <span class="info17">谢谢参与</span>
            </div>
          </div>
          <div class="group11 flex-col">
            <div class="section5 flex-col">
              <div class="main14 flex-col"></div>
              <span class="word15">爱奇艺月卡</span>
            </div>
          </div>
        </div>
        <div class="bd15 flex-col"></div>
      </div>
      <div class="layer22 flex-row"><div class="main15 flex-col"></div></div>
      <div class="layer23 flex-row">
        <div class="outer12 flex-col"><span class="txt12">中奖记录</span></div>
      </div>
    </div>
    <img
      class="img11"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng92fabaa465d5c94e24ccbc8a235d0bba9c8b6c9e72d0037631a70f728cdd71c8"
    />
    <div class="main16 flex-col"></div>
    <div class="main17 flex-col"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    },
    onClick_2() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2699px;
  overflow: hidden;
  .main1 {
    z-index: 5;
    height: 2699px;
    overflow: hidden;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd15aeb60f623d6342b639cc20766c83bea04550de32ad90240ed8cb8a10e9216)
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 750px;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    .layer1 {
      z-index: auto;
      width: 710px;
      height: 2618px;
      .box1 {
        z-index: 542;
        height: 46px;
        border-radius: 23px 0 0 23px;
        background-color: rgba(255, 225, 155, 1);
        align-self: flex-end;
        width: 136px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 14px;
        .word1 {
          z-index: 543;
          width: 104px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(165, 19, 25, 1);
          font-size: 26px;
          font-family: Helvetica;
          line-height: 38px;
          text-align: left;
        }
      }
      .img1 {
        z-index: 124;
        width: 578px;
        height: 40px;
        align-self: flex-start;
        margin: 392px 0 0 46px;
      }
      .txt1 {
        z-index: 121;
        width: 288px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 216, 146, 1);
        font-size: 36px;
        font-family: PingFangSC-Semibold;
        line-height: 50px;
        text-align: center;
        align-self: flex-start;
        margin: 821px 0 0 191px;
      }
      .box2 {
        z-index: auto;
        width: 670px;
        height: 240px;
        margin-top: 40px;
        justify-content: space-between;
        .main2 {
          z-index: 294;
          height: 240px;
          border-radius: 10px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1c68336534b4e12f9c7e111c6941f5a1dccbebd562ce4d5e050b19019c972c53)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 214px;
          justify-content: center;
          align-items: center;
          .bd1 {
            z-index: auto;
            width: 178px;
            height: 182px;
            .info1 {
              z-index: 300;
              width: 168px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(124, 7, 18, 1);
              font-size: 28px;
              font-family: Helvetica;
              line-height: 34px;
              text-align: center;
              align-self: center;
            }
            .info2 {
              z-index: 298;
              width: 133px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(116, 48, 9, 1);
              font-size: 24px;
              line-height: 34px;
              text-align: center;
              align-self: center;
              margin-top: 14px;
            }
            .info3 {
              z-index: 299;
              width: 178px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(116, 48, 9, 1);
              font-size: 24px;
              line-height: 34px;
              text-align: center;
            }
            .outer1 {
              z-index: 296;
              height: 40px;
              border-radius: 20px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge5e0dce81734b4b95f3a04573f836d1f0dc1231d5b441dc21479354bf57b38f1) -1px -1px
                no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: flex-start;
              width: 140px;
              justify-content: center;
              align-items: center;
              margin: 20px 0 0 16px;
              .word2 {
                z-index: 297;
                width: 72px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(142, 12, 12, 1);
                font-size: 24px;
                line-height: 34px;
                text-align: left;
              }
            }
          }
        }
        .main3 {
          z-index: 303;
          height: 240px;
          border-radius: 10px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1c68336534b4e12f9c7e111c6941f5a1dccbebd562ce4d5e050b19019c972c53)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 214px;
          justify-content: center;
          align-items: center;
          .box3 {
            z-index: auto;
            width: 178px;
            height: 182px;
            .info4 {
              z-index: 311;
              width: 112px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(124, 7, 18, 1);
              font-size: 28px;
              font-family: Helvetica;
              line-height: 34px;
              text-align: center;
              align-self: center;
            }
            .info5 {
              z-index: 312;
              width: 143px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(116, 48, 9, 1);
              font-size: 24px;
              line-height: 34px;
              text-align: center;
              align-self: center;
              margin-top: 14px;
            }
            .txt2 {
              z-index: 313;
              width: 178px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(116, 48, 9, 1);
              font-size: 24px;
              line-height: 34px;
              text-align: center;
            }
            .wrap1 {
              z-index: 305;
              height: 40px;
              border-radius: 20px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge5e0dce81734b4b95f3a04573f836d1f0dc1231d5b441dc21479354bf57b38f1) -1px -1px
                no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: center;
              margin-top: 20px;
              width: 140px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 14px;
              .mod1 {
                z-index: auto;
                width: 103px;
                height: 34px;
                justify-content: space-between;
                .icon1 {
                  z-index: 308;
                  width: 30px;
                  height: 30px;
                  margin-top: 2px;
                }
                .info6 {
                  z-index: 306;
                  width: 72px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(142, 12, 12, 1);
                  font-size: 24px;
                  line-height: 34px;
                  text-align: left;
                }
              }
            }
          }
        }
        .main4 {
          z-index: 315;
          height: 240px;
          border-radius: 10px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1c68336534b4e12f9c7e111c6941f5a1dccbebd562ce4d5e050b19019c972c53)
            100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 214px;
          justify-content: center;
          align-items: center;
          .outer2 {
            z-index: auto;
            width: 178px;
            height: 182px;
            .txt3 {
              z-index: 319;
              width: 112px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(124, 7, 18, 1);
              font-size: 28px;
              font-family: Helvetica;
              line-height: 34px;
              text-align: center;
              align-self: center;
            }
            .txt4 {
              z-index: 320;
              width: 148px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(116, 48, 9, 1);
              font-size: 24px;
              line-height: 34px;
              text-align: center;
              align-self: center;
              margin-top: 14px;
            }
            .txt5 {
              z-index: 321;
              width: 178px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(116, 48, 9, 1);
              font-size: 24px;
              line-height: 34px;
              text-align: center;
            }
            .main5 {
              z-index: 317;
              height: 40px;
              border-radius: 20px;
              background-color: rgba(169, 9, 25, 1);
              align-self: center;
              margin-top: 20px;
              width: 140px;
              justify-content: center;
              align-items: center;
              .info7 {
                z-index: 318;
                width: 72px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 233, 227, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 34px;
                text-align: left;
                background-image: linear-gradient(
                  180deg,
                  rgba(255, 198, 110, 1) 0%,
                  rgba(248, 164, 116, 1) 100%
                );
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
              }
            }
          }
        }
      }
      .box4 {
        z-index: 277;
        height: 378px;
        border-radius: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3c8097349fad6218f1cf39d0b552261fd02116b1cca8ce3d07eda1f4bdba1dcc)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        align-self: flex-start;
        margin-top: 20px;
        width: 670px;
        justify-content: center;
        align-items: center;
        .bd2 {
          z-index: 278;
          height: 356px;
          border-radius: 16px;
          background-color: rgba(255, 243, 221, 1);
          width: 650px;
          justify-content: center;
          align-items: center;
          .mod2 {
            z-index: auto;
            width: 590px;
            height: 306px;
            .word3 {
              z-index: 290;
              width: 590px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(79, 30, 18, 1);
              font-size: 32px;
              font-family: PingFangSC-Medium;
              line-height: 45px;
              text-align: left;
            }
            .info8 {
              z-index: 291;
              width: 590px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 92, 78, 1);
              font-size: 26px;
              line-height: 34px;
              text-align: left;
              margin-top: 4px;
            }
            .pic1 {
              z-index: 285;
              width: 590px;
              height: 20px;
              margin-top: 46px;
            }
            .group1 {
              z-index: auto;
              width: 570px;
              height: 33px;
              justify-content: space-between;
              margin: 10px 0 0 20px;
              .txt6 {
                z-index: 288;
                width: 58px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(152, 92, 78, 1);
                font-size: 24px;
                line-height: 33px;
                text-align: right;
              }
              .txt7 {
                z-index: 289;
                width: 73px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(152, 92, 78, 1);
                font-size: 24px;
                line-height: 33px;
                text-align: left;
              }
            }
            .group2 {
              z-index: 282;
              height: 80px;
              border-radius: 40px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb4b46a56effa196baebaa3222374d076d0ab8aa532930e740f609a45d322bc29)
                100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              margin-top: 34px;
              width: 590px;
              justify-content: center;
              align-items: center;
              .word4 {
                z-index: 283;
                width: 96px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(79, 30, 18, 1);
                font-size: 32px;
                font-family: Helvetica;
                line-height: 60px;
                text-align: center;
              }
            }
          }
        }
      }
      .box5 {
        z-index: 264;
        height: 276px;
        border-radius: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd89101fd6509e5bbb6d80da8e676d845d5d74637045e860fab247ddfdcfe63fc)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        align-self: flex-start;
        margin-top: 20px;
        width: 670px;
        justify-content: center;
        align-items: center;
        .outer3 {
          z-index: 265;
          height: 256px;
          border-radius: 10px;
          background-color: rgba(255, 243, 221, 1);
          width: 650px;
          justify-content: center;
          align-items: center;
          .layer2 {
            z-index: auto;
            width: 590px;
            height: 205px;
            .txt8 {
              z-index: 266;
              width: 590px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(79, 30, 18, 1);
              font-size: 32px;
              font-family: PingFangSC-Medium;
              line-height: 45px;
              text-align: left;
            }
            .info9 {
              z-index: 267;
              width: 590px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 92, 78, 1);
              font-size: 26px;
              line-height: 34px;
              text-align: left;
              margin-top: 4px;
            }
            .box6 {
              z-index: auto;
              width: 590px;
              height: 98px;
              margin-top: 24px;
              justify-content: space-between;
              .bd3 {
                z-index: auto;
                width: 265px;
                height: 98px;
                .info10 {
                  z-index: 271;
                  width: 49px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(169, 9, 25, 1);
                  font-size: 40px;
                  font-family: Helvetica;
                  line-height: 48px;
                  text-align: center;
                  align-self: flex-end;
                  margin-right: 105px;
                }
                .word5 {
                  z-index: 270;
                  width: 265px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(79, 3, 10, 1);
                  font-size: 26px;
                  line-height: 34px;
                  text-align: center;
                  margin-top: 8px;
                }
              }
              .bd4 {
                z-index: 275;
                width: 1px;
                height: 60px;
                background-color: rgba(79, 30, 18, 1);
                margin-top: 19px;
              }
              .bd5 {
                z-index: auto;
                width: 264px;
                height: 98px;
                .txt9 {
                  z-index: 273;
                  width: 24px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(169, 9, 25, 1);
                  font-size: 40px;
                  font-family: Helvetica;
                  line-height: 48px;
                  text-align: center;
                  align-self: flex-start;
                  margin-left: 118px;
                }
                .txt10 {
                  z-index: 274;
                  width: 264px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(79, 3, 10, 1);
                  font-size: 26px;
                  line-height: 34px;
                  text-align: center;
                  margin-top: 8px;
                }
              }
            }
          }
        }
      }
      .box7 {
        z-index: 251;
        height: 275px;
        border-radius: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfcf3e31305a9b063f2560486cde0c7b59629468d873c7b522ffe755ad351e4f1)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        align-self: flex-start;
        margin-top: 20px;
        width: 670px;
        justify-content: center;
        align-items: center;
        .main6 {
          z-index: 252;
          height: 255px;
          border-radius: 10px;
          background-color: rgba(255, 243, 221, 1);
          width: 650px;
          justify-content: center;
          align-items: center;
          .box8 {
            z-index: auto;
            width: 590px;
            height: 205px;
            .info11 {
              z-index: 253;
              width: 590px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(79, 30, 18, 1);
              font-size: 32px;
              font-family: PingFangSC-Medium;
              line-height: 45px;
              text-align: left;
            }
            .word6 {
              z-index: 254;
              width: 590px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 92, 78, 1);
              font-size: 26px;
              line-height: 34px;
              text-align: left;
              margin-top: 4px;
            }
            .group3 {
              z-index: auto;
              width: 590px;
              height: 98px;
              margin-top: 24px;
              justify-content: space-between;
              .main7 {
                z-index: auto;
                width: 265px;
                height: 98px;
                .info12 {
                  z-index: 258;
                  width: 49px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(169, 9, 25, 1);
                  font-size: 40px;
                  font-family: Helvetica;
                  line-height: 48px;
                  text-align: center;
                  align-self: flex-end;
                  margin-right: 105px;
                }
                .word7 {
                  z-index: 257;
                  width: 265px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(79, 3, 10, 1);
                  font-size: 26px;
                  line-height: 34px;
                  text-align: center;
                  margin-top: 8px;
                }
              }
              .main8 {
                z-index: 262;
                width: 1px;
                height: 60px;
                background-color: rgba(79, 30, 18, 1);
                margin-top: 19px;
              }
              .main9 {
                z-index: auto;
                width: 264px;
                height: 98px;
                .word8 {
                  z-index: 260;
                  width: 24px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(169, 9, 25, 1);
                  font-size: 40px;
                  font-family: Helvetica;
                  line-height: 48px;
                  text-align: center;
                  align-self: flex-start;
                  margin-left: 118px;
                }
                .info13 {
                  z-index: 261;
                  width: 264px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(79, 3, 10, 1);
                  font-size: 26px;
                  line-height: 34px;
                  text-align: center;
                  margin-top: 8px;
                }
              }
            }
          }
        }
      }
    }
    .layer3 {
      z-index: 27;
      position: absolute;
      left: 481px;
      top: -61px;
      width: 134px;
      height: 127px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbe4af152439b550565371cc71882155c924561a5cffd60d90f6977775ad9e358) -13px
        62px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    }
    .layer4 {
      z-index: 18;
      height: 306px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9ae07c036102b374ba51b20560d72dbe183ffd9c30bf4643e3ca30734d60eec9)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 722px;
      justify-content: flex-start;
      align-items: flex-start;
      position: absolute;
      left: 26px;
      top: 0;
      padding: 100px 0 0 149px;
      .icon2 {
        z-index: 31;
        width: 38px;
        height: 32px;
      }
    }
    .layer5 {
      z-index: 15;
      height: 353px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng368bd168ca642cb7b5554042e263b86004c20f5bfc23601117204350e2a34c39)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 419px;
      justify-content: flex-start;
      align-items: flex-end;
      position: absolute;
      left: 331px;
      top: 0;
      .section1 {
        z-index: 17;
        width: 249px;
        height: 286px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng80443468444bdb57c64790da0aede9b9173a9cec8d7704eb348a132042de4c98)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      }
    }
    .layer6 {
      z-index: 14;
      height: 403px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng06902011985636a064480f972d717f549be8d0d1bc979974815d8e8678a4faea)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 432px;
      justify-content: flex-start;
      align-items: flex-start;
      position: absolute;
      left: 0;
      top: 0;
      .main10 {
        z-index: 16;
        width: 166px;
        height: 210px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07308836c66398dfc891ac423ca2cb9e030bb00844e75586161413240cf6bb33)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      }
    }
    .layer7 {
      z-index: 68;
      position: absolute;
      left: 75px;
      top: 82px;
      width: 600px;
      height: 280px;
      overflow: hidden;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6733cf49123cc4f58c983a04f9aabe32b6da6a407836494bd4dce2cf3732b326)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      .pic2 {
        z-index: 96;
        position: absolute;
        left: 70px;
        top: 0;
        width: 262px;
        height: 172px;
      }
      .mod3 {
        z-index: 83;
        height: 192px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd70ec1f9c788851c487085665a81185ab627cc8f7ba3dcf7cc13d73554012918)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        width: 562px;
        position: absolute;
        left: 24px;
        top: 2px;
        .pic3 {
          z-index: 95;
          width: 562px;
          height: 192px;
        }
      }
      .img2 {
        z-index: 71;
        position: absolute;
        left: 30px;
        top: 3px;
        width: 562px;
        height: 197px;
      }
      .pic4 {
        z-index: 97;
        position: absolute;
        left: 388px;
        top: 2px;
        width: 212px;
        height: 262px;
      }
      .img3 {
        z-index: 98;
        position: absolute;
        left: 44px;
        top: 215px;
        width: 512px;
        height: 65px;
      }
    }
    .pic5 {
      z-index: 26;
      position: absolute;
      left: -20px;
      top: 203px;
      width: 84px;
      height: 78px;
    }
    .layer8 {
      z-index: 8;
      height: 554px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng994a2fdb4dc183713b40dda272e0c091b3e2c6ed529ea1f63b572dacddc3b75c)
        0px 0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 554px;
      justify-content: flex-end;
      align-items: flex-end;
      position: absolute;
      left: 95px;
      top: -5px;
      padding: 0 144px 82px 0;
      .wrap2 {
        z-index: 19;
        width: 57px;
        height: 52px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b189c1d3d3365e55e9e782a06dc4fc1c41f6afccbad09794267a3fe4e42a17b) -11px -1px
          no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      }
    }
    .layer9 {
      z-index: 21;
      height: 78px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4eabd065338e29158a787fc68b5ab4c060a33f7d1628ba4072249777a23b9eb5)
        0px 0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 78px;
      justify-content: center;
      position: absolute;
      left: 611px;
      top: 270px;
      .img4 {
        z-index: 22;
        width: 78px;
        height: 77px;
      }
    }
    .layer10 {
      z-index: 24;
      position: absolute;
      left: 674px;
      top: 319px;
      width: 40px;
      height: 40px;
      overflow: hidden;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf0f8f7188cadb762d919804b15ba45c7cc796fefd5bc9061b955a320033c717f)
        0px 0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      .label1 {
        z-index: 25;
        position: absolute;
        left: -1px;
        top: 0;
        width: 40px;
        height: 40px;
      }
    }
    .info14 {
      z-index: 120;
      position: absolute;
      left: 30px;
      top: 372px;
      width: 690px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 247, 212, 1);
      font-size: 26px;
      letter-spacing: 0.8357142806053162px;
      font-family: PingFangSC-Medium;
      line-height: 37px;
      text-align: center;
    }
    .layer11 {
      z-index: 28;
      position: absolute;
      left: 65px;
      top: 425px;
      width: 112px;
      height: 53px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng21b5a3aa7b8d3bc4dbccf6c6f37203e5061b093ee6748cf6f6f256afaaf35e01)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    }
    .layer12 {
      z-index: 30;
      position: absolute;
      left: 0;
      top: 458px;
      width: 66px;
      height: 31px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga76d662abec40e8cafdcb5307ef41ffa98fb7bdfcdb205cea4d86efad1c1e288)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    }
    .layer13 {
      z-index: 129;
      height: 83px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2ef29fc0bb138f44cd8e561aef2b43c780a3c903b78d0080b89f31261005550d)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 472px;
      justify-content: flex-start;
      padding-top: 21px;
      align-items: center;
      position: absolute;
      left: 139px;
      top: 438px;
      .word9 {
        z-index: 540;
        width: 410px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
      }
    }
    .layer14 {
      z-index: 7;
      height: 1272px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3c9dd115d69e5ed6246fb9b2955bf343ffef78418058f2ae9d764bd543f342e1)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 750px;
      justify-content: flex-end;
      padding-bottom: 207px;
      align-items: flex-end;
      position: absolute;
      left: 0;
      top: 0;
      .bd6 {
        z-index: 29;
        width: 113px;
        height: 74px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7601d9c46060fda3763b04891f156c80e8d46d110f94917a5ac9a4014d4779c7)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      }
    }
    .layer15 {
      z-index: 32;
      height: 1533px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng15b07fb160824907823d04f6a53999ad734cd4552e86bffd2e109fbfafc4d24f)
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 1024px;
      position: absolute;
      left: -137px;
      top: 1166px;
      .outer4 {
        z-index: auto;
        width: 242px;
        height: 81px;
        margin: 283px 0 0 137px;
        .icon3 {
          z-index: 45;
          width: 35px;
          height: 35px;
          margin-top: 26px;
        }
        .label2 {
          z-index: 47;
          width: 36px;
          height: 25px;
          margin-left: 50px;
        }
        .img5 {
          z-index: 46;
          width: 52px;
          height: 53px;
          margin: 23px 0 0 20px;
        }
        .label3 {
          z-index: 48;
          width: 37px;
          height: 25px;
          margin: 56px 0 0 12px;
        }
      }
      .outer5 {
        z-index: auto;
        width: 121px;
        height: 52px;
        justify-content: space-between;
        margin: -145px 0 0 140px;
        .img6 {
          z-index: 44;
          width: 62px;
          height: 46px;
          margin-top: 6px;
        }
        .icon4 {
          z-index: 49;
          width: 36px;
          height: 25px;
        }
      }
      .outer6 {
        z-index: auto;
        width: 375px;
        height: 34px;
        justify-content: space-between;
        margin: -90px 0 0 323px;
        .icon5 {
          z-index: 60;
          width: 34px;
          height: 34px;
        }
        .icon6 {
          z-index: 64;
          width: 34px;
          height: 34px;
        }
      }
      .outer7 {
        z-index: auto;
        width: 38px;
        height: 35px;
        margin: 267px 0 0 766px;
        .label4 {
          z-index: 53;
          width: 38px;
          height: 35px;
        }
      }
      .outer8 {
        z-index: auto;
        width: 116px;
        height: 52px;
        justify-content: space-between;
        margin: -126px 0 0 771px;
        .img7 {
          z-index: 52;
          width: 62px;
          height: 45px;
          margin-top: 7px;
        }
        .label5 {
          z-index: 55;
          width: 31px;
          height: 26px;
        }
      }
      .outer9 {
        z-index: auto;
        width: 34px;
        height: 25px;
        margin: 13px 0 0 853px;
        .icon7 {
          z-index: 54;
          width: 34px;
          height: 25px;
        }
      }
      .label6 {
        z-index: 50;
        position: absolute;
        left: 301px;
        top: 300px;
        width: 37px;
        height: 26px;
      }
    }
    .layer16 {
      z-index: 41;
      height: 55px;
      width: 56px;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 2px;
      position: absolute;
      left: 707px;
      top: 2563px;
      .pic6 {
        z-index: 42;
        width: 41px;
        height: 54px;
      }
    }
    .layer17 {
      z-index: 38;
      height: 111px;
      width: 114px;
      justify-content: flex-start;
      align-items: flex-end;
      position: absolute;
      left: 628px;
      top: 2608px;
      .img8 {
        z-index: 39;
        width: 109px;
        height: 91px;
      }
    }
  }
  .main11 {
    z-index: 142;
    height: 742px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng76218950c9c2932f626ab53f3174d97205e43a3da4b8338c4814739ec379439c)
      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
    width: 670px;
    position: absolute;
    left: 40px;
    top: 500px;
    .layer18 {
      z-index: auto;
      width: 584px;
      height: 20px;
      margin: 14px 0 0 43px;
      .section2 {
        z-index: 172;
        width: 584px;
        height: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a5d3b9a91b8bb3a01c5a38609c19a0f7ff4dc01da16797c5d5def1f6227576e) -12px -12px
          no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      }
    }
    .layer19 {
      z-index: auto;
      width: 655px;
      height: 544px;
      justify-content: space-between;
      margin: 9px 0 0 8px;
      .bd7 {
        z-index: 196;
        width: 21px;
        height: 535px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng763ac0430ce5becd150fd68966bae48f5507851c5f688bbd192331065e72ac04) -12px
          0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        margin-top: 1px;
      }
      .bd8 {
        z-index: 249;
        height: 544px;
        border-radius: 14px;
        background-color: rgba(238, 119, 79, 1);
        box-shadow: inset -6px -12px 14px 0px rgba(212, 62, 26, 0.8);
        width: 596px;
        justify-content: flex-end;
        align-items: flex-end;
        position: relative;
        padding: 0 5px 7px 0;
        .group4 {
          z-index: auto;
          width: 576px;
          height: 525px;
          .bd9 {
            z-index: auto;
            width: 190px;
            height: 525px;
            .block1 {
              z-index: 326;
              height: 177px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8c072e49a7a2fb502ede83644ccb9f07e44f193340cf8087f9201ad9f05d071d) -6px
                0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: flex-start;
              width: 188px;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 17px 0 0 13px;
              .box9 {
                z-index: auto;
                width: 156px;
                height: 128px;
                .group5 {
                  z-index: 334;
                  position: relative;
                  width: 48px;
                  height: 84px;
                  overflow: hidden;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9d44a607928cd35b4e1d459a22942cf4dae6f62b873176b5566c396ededca5af) -3px
                    0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  align-self: flex-start;
                  margin-left: 51px;
                  .block2 {
                    z-index: 336;
                    height: 78px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcec6bd0bc50bfb4d7c5973831a9c0dc5491dd07cad8a106ee49a75de148a7fa9)
                      100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                    width: 31px;
                    position: absolute;
                    left: 9px;
                    top: 1px;
                    .img9 {
                      z-index: 337;
                      width: 31px;
                      height: 78px;
                    }
                  }
                }
                .group6 {
                  z-index: 338;
                  width: 136px;
                  height: 3px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge2750beecb3f7d81c5676feb077438c0a5f15957ac74334045b584e1b6f3b259)
                    0px 0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  align-self: center;
                  margin-top: 6px;
                }
                .word10 {
                  z-index: 339;
                  width: 156px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(124, 7, 18, 1);
                  font-size: 24px;
                  font-family: Helvetica;
                  line-height: 29px;
                  text-align: center;
                  margin-top: 2px;
                }
              }
            }
            .block3 {
              z-index: 484;
              height: 175px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc38f2343da04fd8dda1b722067bfc522d3c0f8c0da0f181d08617b1837f85586) -6px
                0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              margin-top: 173px;
              width: 190px;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 28px 0 0 13px;
              .box10 {
                z-index: auto;
                width: 159px;
                height: 116px;
                .group7 {
                  z-index: 491;
                  width: 138px;
                  height: 80px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng741a7917612c11747d70bfd6c3cf5b594870fefde8230bf2cedffd99712c9ac9) -1px -11px
                    no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  align-self: center;
                }
                .word11 {
                  z-index: 490;
                  width: 159px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(124, 7, 18, 1);
                  font-size: 24px;
                  font-family: Helvetica;
                  line-height: 29px;
                  text-align: center;
                  margin-top: 3px;
                }
              }
            }
          }
          .bd10 {
            z-index: auto;
            width: 186px;
            height: 356px;
            margin-left: 4px;
            .block4 {
              z-index: 342;
              height: 171px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4c8142d43301a31e81d648d7a4667f141de563959b2e422b47cfd659ed211a04) -5px
                0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: flex-start;
              width: 184px;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 20px 0 0 12px;
              .section3 {
                z-index: auto;
                width: 151px;
                height: 120px;
                .box11 {
                  z-index: 350;
                  position: relative;
                  width: 49px;
                  height: 74px;
                  overflow: hidden;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2d6ccb5df9086891235fbc571f7adce492a638780ced384b6be4674dd616e55f) -2px -2px
                    no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  align-self: center;
                  .img10 {
                    z-index: 351;
                    position: absolute;
                    left: -1px;
                    top: -1px;
                    width: 50px;
                    height: 74px;
                  }
                }
                .box12 {
                  z-index: 352;
                  width: 132px;
                  height: 2px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng67d70f57037d731758692ae7faae0e9a7ec5a778419186df3131b63b3681416d) -1px
                    0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  align-self: center;
                  margin-top: 9px;
                }
                .word12 {
                  z-index: 353;
                  width: 151px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(124, 7, 18, 1);
                  font-size: 24px;
                  font-family: Helvetica;
                  line-height: 29px;
                  text-align: center;
                  margin-top: 2px;
                }
              }
            }
            .block5 {
              z-index: 389;
              width: 186px;
              height: 175px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga13d49c3ab7498e6432be67f1be3d7a9e52b60583361b363246a10211d7142c9) -7px
                0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              margin-top: 10px;
            }
          }
          .bd11 {
            z-index: auto;
            width: 186px;
            height: 355px;
            margin-left: 10px;
            .bd12 {
              z-index: 356;
              height: 171px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng684583835710fffa9c3559b1ed289745698dbcf0dfbeba8bbe4f856fc0cb1e8d) -6px
                0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: flex-start;
              width: 182px;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 23px 0 0 22px;
              .section4 {
                z-index: auto;
                width: 131px;
                height: 117px;
                .layer20 {
                  z-index: 361;
                  width: 131px;
                  height: 82px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd36faa1191298ee96c4e94f5cca238711b59b535a8c1b1c904bf3a9e462b59e5)
                    0px -1px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                }
                .word13 {
                  z-index: 370;
                  width: 86px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(124, 7, 18, 1);
                  font-size: 24px;
                  font-family: Helvetica;
                  line-height: 29px;
                  text-align: center;
                  align-self: center;
                  margin-top: 2px;
                }
              }
            }
            .bd13 {
              z-index: 403;
              height: 181px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1a8d62096c7524393583cabc6008d688599e0f4cc45dc8584f3b05350900d2fa) -6px
                0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              margin-top: 3px;
              width: 186px;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 27px 0 0 13px;
              .outer10 {
                z-index: auto;
                width: 155px;
                height: 122px;
                .bd14 {
                  z-index: 408;
                  width: 135px;
                  height: 85px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3629f5295a93897b83f9c9916ccf07244eaccb3f6cf4e7f046ac452f3adaff75)
                    0px -3px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  align-self: center;
                }
                .info15 {
                  z-index: 436;
                  width: 155px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(124, 7, 18, 1);
                  font-size: 24px;
                  font-family: Helvetica;
                  line-height: 29px;
                  text-align: center;
                  margin-top: 4px;
                }
              }
            }
          }
        }
        .group8 {
          z-index: 393;
          height: 160px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e79f239c92d628cb27b72b828274d40ca4e717cd8288d057105673a933a380b) -1px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 179px;
          justify-content: flex-end;
          align-items: flex-end;
          position: absolute;
          left: 209px;
          top: 186px;
          padding: 0 8px 29px 0;
          .main12 {
            z-index: auto;
            width: 160px;
            height: 89px;
            .info16 {
              z-index: 399;
              width: 144px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 36px;
              font-family: Helvetica;
              line-height: 43px;
              text-align: center;
              text-shadow: 2px 2px 6px rgba(215, 43, 9, 1);
              align-self: center;
            }
            .txt11 {
              z-index: 400;
              width: 160px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(107, 20, 12, 1);
              font-size: 24px;
              line-height: 33px;
              text-align: center;
              margin-top: 6px;
            }
          }
        }
        .group9 {
          z-index: 373;
          height: 175px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb2ea93b86185d3c1f6b7c5b9464b1d1846891160098216d833e44775ddf8510f) -7px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 180px;
          justify-content: flex-start;
          align-items: flex-start;
          position: absolute;
          left: 15px;
          top: 186px;
          padding: 16px 0 0 11px;
          .main13 {
            z-index: auto;
            width: 150px;
            height: 128px;
            .box13 {
              z-index: 381;
              position: relative;
              width: 100px;
              height: 88px;
              overflow: hidden;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfc61b182addeef66cea1e35af852a9ccb81f8fa06ec224affb2c58534f7c54b3) -2px -1px
                no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: flex-end;
              margin-right: 20px;
              .pic7 {
                z-index: 382;
                position: absolute;
                left: 4px;
                top: -1px;
                width: 91px;
                height: 85px;
              }
            }
            .box14 {
              z-index: 383;
              width: 130px;
              height: 2px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfc01832857079cb6299558aa815aecbe19bfe9deff7313c2b74eca64a1f279c9)
                0px 0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: center;
              margin-top: 2px;
            }
            .word14 {
              z-index: 384;
              width: 150px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(124, 7, 18, 1);
              font-size: 24px;
              font-family: Helvetica;
              line-height: 29px;
              text-align: center;
              margin-top: 3px;
            }
          }
        }
        .group10 {
          z-index: 439;
          height: 175px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb2ea93b86185d3c1f6b7c5b9464b1d1846891160098216d833e44775ddf8510f) -7px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 180px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 12px;
          position: absolute;
          left: 405px;
          top: 362px;
          .layer21 {
            z-index: auto;
            width: 150px;
            height: 115px;
            .outer11 {
              z-index: 444;
              width: 131px;
              height: 80px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4ab1663533bfce7ecec0d5d5152fe4fd13fc8de1ba299b813f6cd739ccc079b7) -1px -19px
                no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: center;
            }
            .info17 {
              z-index: 455;
              width: 150px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(124, 7, 18, 1);
              font-size: 24px;
              font-family: Helvetica;
              line-height: 29px;
              text-align: center;
              margin-top: 2px;
            }
          }
        }
        .group11 {
          z-index: 458;
          height: 181px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng10bca9ca1ca45ede5b93e0ffb0d9d6ecdee83d1d9bc03a9620e0d341c60549d6) -6px
            0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
          width: 190px;
          justify-content: flex-start;
          align-items: flex-start;
          position: absolute;
          left: 209px;
          top: 362px;
          padding: 27px 0 0 13px;
          .section5 {
            z-index: auto;
            width: 159px;
            height: 122px;
            .main14 {
              z-index: 463;
              width: 138px;
              height: 85px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga48b4dfd954a5d4ded36b0c36bb7293cac8b8eef9816d1286cca4e1d63ee2fa7) -1px -1px
                no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: center;
            }
            .word15 {
              z-index: 481;
              width: 159px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(124, 7, 18, 1);
              font-size: 24px;
              font-family: Helvetica;
              line-height: 29px;
              text-align: center;
              margin-top: 4px;
            }
          }
        }
      }
      .bd15 {
        z-index: 151;
        width: 21px;
        height: 535px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng763ac0430ce5becd150fd68966bae48f5507851c5f688bbd192331065e72ac04) -12px
          0px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        margin-top: 1px;
      }
    }
    .layer22 {
      z-index: auto;
      width: 584px;
      height: 20px;
      margin: 9px 0 0 46px;
      .main15 {
        z-index: 217;
        width: 584px;
        height: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a5d3b9a91b8bb3a01c5a38609c19a0f7ff4dc01da16797c5d5def1f6227576e) -12px -12px
          no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      }
    }
    .layer23 {
      z-index: auto;
      width: 190px;
      height: 50px;
      margin: 31px 0 0 240px;
      .outer12 {
        z-index: 245;
        height: 50px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc6d85032e328e2f71ef7221a043f5d53862570bf2c7527475315d4e9be86f151)
          100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
        width: 190px;
        justify-content: center;
        align-items: center;
        .txt12 {
          z-index: 248;
          width: 112px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(124, 7, 18, 1);
          font-size: 28px;
          line-height: 40px;
          text-align: center;
        }
      }
    }
  }
  .img11 {
    z-index: 243;
    position: absolute;
    left: 10px;
    top: 1147px;
    width: 137px;
    height: 126px;
  }
  .main16 {
    z-index: 139;
    position: absolute;
    left: -23px;
    top: 1179px;
    width: 796px;
    height: 90px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8c638be3c5d824a1dd2b67fc582198e0f21d87b031a022feff9743ddc502fbd7) -15px -15px
      no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
  }
  .main17 {
    z-index: 242;
    position: absolute;
    left: -17px;
    top: 1231px;
    width: 134px;
    height: 49px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng493ef02e2d275aea07aec1af768a6a7c50ef09f3e7b07bb496bf3d4545ec3ec2)
      17px -15px no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
  }
}

</style>